<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
	<%
		request.setAttribute("accessPath", request.getContextPath());
	%>
<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>寝室点到</title>

	<!-- Bootstrap Core CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">

	<!-- MetisMenu CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/metisMenu/dist/metisMenu.min.css"
	rel="stylesheet">

	<!-- DataTables CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css"
	rel="stylesheet">

	<!-- DataTables Responsive CSS -->

	<!-- Custom CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/dist/css/sb-admin-2.css"
	rel="stylesheet">

	<!-- Custom Fonts -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">

	<link
	href="${ requestScope['accessPath']}/fontcss/css/jquery-labelauty.css"
	rel="stylesheet">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<style type="text/css">
#page-wrapper {
	margin: 0 0 0 0px;
}
</style>
	<style>
ul {
	list-style-type: none;
	margin: 0px 0;
}

ul {
	margin: 0;
}

li {
	display: inline-block;
}

li {
	margin: 0;
}

input.labelauty+label {
	font: 12px "Microsoft Yahei";
}

.table>tbody>tr>td {
	vertical-align: middle;
}
</style>
</head>

	<body
	style="font: 14px/1.5 'Microsoft YaHei', arial, tahoma, \5b8b\4f53, sans-serif;">

		<div id="wrapper">

			<div id="page-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<h1 class="page-header"
						style='font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;'>寝室点到</h1>
					</div>

				</div>

				<div class="row">
					<div class="col-lg-12">
						<div class="panel panel-default">
							<div class="panel-heading">
								当前寝室：${members[0].quarter} ${members[0].building}栋 ${members[0].dormNum}
							</div>
							<!-- /.panel-heading -->
							<div class="panel-body">

								<div id="teacherdiv">
									<div class="col-lg-12">
										<h4 class="page-header"
										style='font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;'>寝室联系人信息</h4>
									</div>
									<div class="row">
										<div class="col-lg-12">
											<div class="panel panel-default">

												<div class="panel-body">
													<div class="panel-body">
														<div class="table-responsive">
															<table class="table">
																<thead>
																	<tr>
																		<th>#</th>
																		<th>身份</th>
																		<th>老师姓名</th>
																		<th>联系方式</th>
																	</tr>
																</thead>
																<tbody>
																	<c:forEach var="teacher" items="${teacherlist}" varStatus="status">

																		<tr>
																			<td>${teacher.id}</td>
																			<td>${teacher.className}</td>
																			<td>${teacher.name}</td>
																			<td>${teacher.phone}</td>
																		</tr>

																	</c:forEach>

																	<c:forEach var="contact" items="${contactlist}" varStatus="status">

																		<tr>
																			<td>${contact.id}</td>
																			<td>${contact.className}</td>
																			<td>${contact.name}</td>
																			<td>${contact.phone}</td>
																		</tr>

																	</c:forEach>

																</tbody>
															</table>
														</div>
														<!-- /.table-responsive -->
													</div>

												</div>

											</div>
										</div>

									</div>

									<div class="col-lg-12">
										<h4 class="page-header"
										style='font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;'>寝室学生信息</h4>
									</div>
									<div class="dataTable_wrapper">
										<table class="table table-striped table-bordered table-hover"
										id="dataTables-example">
											<thead>
												<tr>
													<th width="50px">序号</th>
													<th>学号</th>
													<th>班级</th>
													<th>姓名</th>
													<th width="300px">就寝情况</th>

												</tr>
											</thead>
											<tbody>
												<c:forEach var="member" items="${members}" varStatus="status">
													<c:if test="${member.id %2 == 0}">
														<tr class="odd gradeX"></c:if>
														<c:if test="${member.id %2 != 0}">
															<tr class="even gradeA"></c:if>

															<td>${member.id}</td>
															<td>${member.studentId}</td>
															<td>${member.className}</td>
															<td>${member.studentName}</td>
															<td class="center">
																<ul class="dowebok">
																	<li>
																		<input type="radio" name="${member.studentId}" value="0" checked="true"
															data-labelauty="在寝"></li>
																	&nbsp
																	<li>
																		<input type="radio" name="${member.studentId}" value="1" data-labelauty="请假"></li>
																	&nbsp
																	<li>
																		<input type="radio" name="${member.studentId}" value="2" data-labelauty="失联"></li>
																</ul>
															</td>

														</tr>
													</c:forEach>

												</tbody>
											</table>
										</div>
										<button type="button" style='margin-left:40%; margin-right:auto;' 
										class="btn btn-outline btn-primary btn-lg <c:if test="${!ischeck}"> submit-button </c:if> <c:if test="${ischeck}"> disabled </c:if>"  >&nbsp 提交  &nbsp</button>

										<div class="alert alert-success alert-dismissable" style="display:none;">
											<button type="button" class="close" >×</button>
											<span>温馨提示:</span>
											<span></span>
										</div>
										<div class="alert alert-danger alert-dismissable" style="display:none;">
											<button type="button" class="close" >×</button>
											<span>错误提示:</span>
											<span></span>
										</div>
										<c:if test="${ischeck}">
											<div class="alert alert-dismissable" >
												<button type="button" class="close" >×</button>
												<span>错误提示:你已经签到过了,请到修改签到页面修改</span>
												<span></span>
											</div>
										</c:if>
								
										<!-- /.table-responsive -->
										<div class="well">
											<h4>公告:</h4>
											<p>
												每天晚上22:00--23:30 为签到时间 . 如有问题请联系 管理员
												<a target="_blank"
											href="https://datatables.net/">https://datatables.net/</a>
												.
											</p>

										</div>
									</div>
									<!-- /.panel-body -->
								</div>
								<!-- /.panel -->
							</div>
							<!-- /.col-lg-12 -->
						</div>
						<!-- /.row -->

					</div>
					<!-- /#page-wrapper -->

				</div>
				<!-- /#wrapper -->

				<!-- jQuery -->
				<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/jquery/dist/jquery.min.js"></script>

				<!-- Bootstrap Core JavaScript -->
				<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

				<!-- Metis Menu Plugin JavaScript -->
				<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/metisMenu/dist/metisMenu.min.js"></script>

				<!-- DataTables JavaScript -->
				<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
				<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>

				<!-- Custom Theme JavaScript -->
				<script
			src="${ requestScope['accessPath']}/fontcss/dist/js/sb-admin-2.js"></script>

				<script
			src="${ requestScope['accessPath']}/fontcss/js/jquery-labelauty.js"></script>

				<!-- Page-Level Demo Scripts - Tables - Use for reference -->
				<script src="${ requestScope['accessPath']}/fontcss/js/jquery-labelauty.js" ></script>
				<script src="${ requestScope['accessPath']}/fontcss/js/dormitoryjs.js" ></script>
				<script src="${ requestScope['accessPath']}/js/check/check.js"/></script>
				<script src="${ requestScope['accessPath']}/js/common/common.js"></script>

</body>
			</html>